﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Gilbard - Gaming Bootstrap 4 Template</title>
    <div th:include="Common/common :: head"></div>
</head>

<body>
    
<div id="main-wrapper">
   
    <!--Header section start-->
    <div th:include="Common/common :: header"></div>
    <!--Header section end-->
    
    <!--slider section start-->
    <div class="hero-section section position-relative">
        <!--Hero Item start-->
        <div class="hero-item" style="background-image: url(assets/images/hero/hero-1.jpg)">
            <div class="container container-1520">
                <div class="row">
                    <div class="col-md-6">

                        <!--Hero Content start-->
                        <div class="hero-content-2">
                            <h1>LET’S ENJOY <br> MEGA 2019</h1>
                            <h3>MAKE YOUR DREAM TEAM</h3>
                        </div>
                        <!--Hero Content end-->

                    </div>
                    <div class="col-md-6">
                        <div class="hero-front-image">
                            <img src="assets/images/hero/hero-front.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Hero Item end-->
    </div>
    <!--slider section end-->
    
    <!--Download Area Start-->
    <div class="download-area section">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12 offset-md-1 mr-auto">
                    <div class="download-demo-content">
                        <h3><span>DOWNLOAD</span> DEMO <br> MEGA 2019 FOR...</h3>
                        <ul>
                            <li><a href="#">PS4</a></li>
                            <li><a href="#">Xbox one</a></li>
                            <li><a href="#">origin</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Download Area End-->
    
    <!--About section start-->
    <div id="about" class="about-section section pt-20 pt-lg-0 pt-md-0 pt-sm-20 pt-xs-0">
        <div class="container">
            <div class="row">
                
                <div class="col-lg-6 col-12 mb-30">
                    <div class="about-image">
                        <img src="assets/images/about/about.png" alt="">
                    </div>
                </div>
                
                <div class="col-lg-6 col-12 mb-30">
                    <div class="about-content">
                        <h3>it's <span class="color-red">unbelievable</span> fantasy, <br> unlimited <span class="color-blue">advanture</span></h3>
                        <p>Latest Mega 2019 games offer you varioous league and also alow you to make you own league and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                        <p>It’s a fantay to play Mega 2019 every one  voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos</p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--About section end-->
    
    <!--Feature section start-->
    <div id="features"  class="feature-section section pt-70 pt-lg-50 pt-md-30 pt-sm-20 pt-xs-10  pb-75 pb-lg-60 pb-md-65 pb-sm-40 pb-xs-40">
        <div class="container container-1520">
            <div class="row align-items-center">
                
                <div class="col-xl-5 col-lg-6">
                    <!--Feature Contant Strat-->
                    <div class="feature-content">
                        <h3>here is <span class="color-red">all new</span> <br> <span class="color-blue">game</span> features </h3>
                        <p>New features are now a vailable for Mega 2019 so one can easily play the game more smoothly gue and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                        <p>Easy <strong>Active Touch System</strong>, New 50/50 <strong>Batels, Dynamic Tactics, Timed Finished</strong> which makes the play Mega 2019 more fantasy sit aspernatur aut odit aut fugit, sed quia</p>
                    </div>
                    <!--Feature Contant End-->
                </div>
                
                <div class="col-xl-7 col-lg-6">
                    <!--Feature Image Start-->
                    <div class="feature-image">
                        <img src="assets/images/feature/feature-1.png" alt="">
                    </div>
                    <!--Feature Image End-->
                </div>
                
            </div>
        </div>
    </div>
    <!--Feature section end-->
    
    <!--Banner Area Start-->
    <div class="banner-area section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="banner-img">
                        <img src="assets/images/banner/banner1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Banner Area End-->
    
    <!--Video And Gallery section start-->
    <div id="gallery" class="video-and-gallery-section section pt-100 pt-lg-115 pt-md-105 pt-sm-105 pt-xs-95">
        <div class="container-fluid p-0">
            <div class="row no-gutters align-items-end">
                <div class="col-lg-8 eight-col order-2 order-lg-1">
                    <div class="video-wrapper">
                        <div class="single-video-title">
                            <h2>watch video demo play now</h2>
                        </div>
                        <div class="single-video-farme">
                            <img src="assets/images/video/video-font.jpg" alt="">
                            <a class="video-popup" href="https://www.youtube.com/watch?v=ZABfjs0B2Ys"><i class="icofont-play-alt-2"></i>Play Video</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 four-col order-1 order-lg-2">
                    <div class="gallery-area">
                        <h3>gallery</h3>
                        <div class="gallery-slider-2-column">
                            <div class="gallery-group">
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery1.jpg"><img src="assets/images/gallery/gallery1.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery3.jpg"><img src="assets/images/gallery/gallery3.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                            </div>
                            <div class="gallery-group">
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery2.jpg"><img src="assets/images/gallery/gallery2.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery4.jpg"><img src="assets/images/gallery/gallery4.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                            </div>
                            <div class="gallery-group">
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery1.jpg"><img src="assets/images/gallery/gallery1.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery3.jpg"><img src="assets/images/gallery/gallery3.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                            </div>
                            <div class="gallery-group">
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery2.jpg"><img src="assets/images/gallery/gallery2.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                                <!--Single Gallery Start-->
                                <div class="single-gallery">
                                    <a class="gallery-popup" href="assets/images/gallery/gallery4.jpg"><img src="assets/images/gallery/gallery4.jpg" alt=""></a>
                                </div>
                                <!--Single Gallery End-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Video And Gallery section start-->
    
    <!--Install section start-->
    <div id="installation" class="install-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-55 pb-lg-55 pb-md-40 pb-sm-55 pb-xs-0">
        <div class="container">
            <div class="row align-items-center">
                
                <div class="col-lg-5 offset-lg-1">
                    <!--Install Image Start-->
                    <div class="install-image">
                        <img src="assets/images/install/install-1.png" alt="">
                    </div>
                    <!--Install Image End-->
                </div>
                
                <div class="col-lg-6">
                    <!--Install Content Start-->
                    <div class="install-content">
                        <h3>it’s simple <span class="color-red">to install</span> <br> <span class="color-blue">easy</span> for you to play...</h3>
                        <p>All football leagues have been added also you can create your own Leagues</p>
                        <p>Insert DVD to  your PC - Dobble click to setup file - Create your own team - Start play</p>
                        <a class="df-btn" href="#">Buy now</a>
                    </div>
                    <!--Install Content End-->
                </div>
                
            </div>
        </div>
    </div>
    <!--Install section end-->
    
    <!--Newslatter section start-->
    <div id="newslatter" class="newslatter-section section pt-100 pt-lg-80 pt-md-30 pt-sm-60 pt-xs-50">
        <div class="container">
           
            <div class="row">
               <div class="col-12">
                   <!--News Latter Area Start-->
                   <div class="news-latter-area">
                       <div class="news-latter-box">
                           <h3>SUBSCRIBE OUR <span class="color-blue">NEWSLETTER</span> <br> GET ALL <span class="color-red">LATEST</span> NEWS, UPDATE, <br> <span class="color-blue">VIDEOS</span> AND OFFERS </h3>
                           <form action="#">
                               <input type="text" placeholder="Enter your email here">
                           </form>
                       </div>
                       <div class="news-latter-banner-image">
                           <img src="assets/images/news-latter/news-banner.png" alt="">
                       </div>
                   </div>
                   <!--News Latter Area End-->
               </div> 
            </div>
            
        </div>
        
    </div>
    <!--Newslatter section end-->
    
    <!--Testimonial section start-->
    <div class="testimonial-section section pt-125 pt-lg-105 pt-md-70 pt-sm-85 pt-xs-50 pb-95 pb-lg-75 pb-md-65 pb-sm-55 pb-xs-45">
        <div class="container">
           
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12 ml-auto mr-auto">
                   
                    <div class="testimonial-slider-content section">

                        <div class="testimonial">
                            <div class="testimonial-inner">
                                <p>New features are now a vailable for Mega 2019 so one can easily play the game more smoothly gue and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                                <h4>Roberto Carlos</h4>
                                <span>Student</span>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="testimonial-inner">
                                <p>New features are now a vailable for Mega 2019 so one can easily play the game more smoothly gue and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                                <h4>Willie Gonzales</h4>
                                <span>Accountant UXI Limited.</span>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="testimonial-inner">
                                <p>New features are now a vailable for Mega 2019 so one can easily play the game more smoothly gue and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                                <h4>Walter Davidson</h4>
                                <span>CEO AAA Limited.</span>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="testimonial-inner">
                                <p>New features are now a vailable for Mega 2019 so one can easily play the game more smoothly gue and tema sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
                                <h4>Teresa Perkins</h4>
                                <span>Consonant ASA Limited.</span>
                            </div>
                        </div>

                    </div>
                    
                </div>
            </div>
            
        </div>
    </div>
    <!--Testimonial section end-->
    
    <!--Footer section start-->
    <footer class="footer-section section bg-theme">
       
        <!--Footer Top start-->
        <div class="footer-top section pt-80 pt-lg-70 pt-md-60 pt-sm-50 pt-xs-40 pb-80 pb-lg-70 pb-md-60 pb-sm-15 pb-xs-40">
            <div class="container container-1520">
                <div class="row justify-content-lg-between">
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-3 col-lg-2 col-md-3">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="index1.html"><img src="assets/images/logo.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-6 col-lg-6 col-md-9">
                        <div class="footer-widget">
                            <div class="footer-nav">
                                <nav>
                                    <ul>
                                        <li><a href="#">forums</a></li>
                                        <li><a href="#">demo</a></li>
                                        <li><a href="#">support</a></li>
                                        <li><a href="#">terms & conditions</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-3 col-lg-4 col-md-12">
                        <div class="footer-widget">
                            <div class="footer-social">
                               <span>follow us:</span>
                                <ul>
                                    <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                    <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                    <li><a href="#"><i class="icofont-instagram"></i></a></li>
                                    <li><a href="#"><i class="icofont-youtube-play"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->    
                    
                </div>
            </div>
        </div>
        <!--Footer Top end-->
        
        <!--Footer bottom start-->
        <div class="footer-bottom section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="copyright text-center">
                            <p>Copyright &copy;2018 <a  href="http://www.genban.org">Gilbard</a>. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Footer bottom end-->
        
     </footer>
     <!--Footer section end-->
    
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>